// pages/home/home.ts
import { IHomeOption, IResData } from './type'
import { getBannerList, getProList } from '../../api/home'
Page<IHomeOption, any>({
  data: {
    bannerList: [],
    navList: [
      { navid: 1, title: '嗨购超市', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/125678/35/5947/4868/5efbf28cEbf04a25a/e2bcc411170524f0.png' },
      { navid: 2, title: '数码电器', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png!q70.jpg' },
      { navid: 3, title: '嗨购服饰', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/41867/2/15966/7116/60ec0e0dE9f50d596/758babcb4f911bf4.png!q70.jpg' },
      { navid: 4, title: '嗨购生鲜', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/177902/16/13776/5658/60ec0e71E801087f2/a0d5a68bf1461e6d.png!q70.jpg.dpg' },
      { navid: 5, title: '嗨购到家', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/196472/7/12807/7127/60ec0ea3Efe11835b/37c65625d94cae75.png!q70.jpg.dpg' },
      { navid: 6, title: '充值缴费', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/185733/21/13527/6648/60ec0f31E0fea3e0a/d86d463521140bb6.png!q70.jpg.dpg' },
      { navid: 7, title: '9.9元拼', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/36069/14/16068/6465/60ec0f67E155f9488/595ff3e606a53f02.png!q70.jpg.dpg' },
      { navid: 8, title: '领券', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/186080/16/13681/8175/60ec0fcdE032af6cf/c5acd2f8454c40e1.png!q70.jpg.dpg' },
      { navid: 9, title: '领金贴', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/196711/35/12751/6996/60ec1000E21b5bab4/38077313cb9eac4b.png!q70.jpg.dpg' },
      { navid: 10, title: 'plus会员', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/37709/6/15279/6118/60ec1046E4b5592c6/a7d6b66354efb141.png!q70.jpg.dpg' }
    ],
    proList: [],
    // 分页数据
    count: 2,
    // 滚动位移
    scrollTop: 0,
    top: 20
  },
  async onLoad() {

    wx.getSystemInfo({ // 获取状态栏的高度
      success: res => {
        console.log(res)
        this.setData({
          top: res.statusBarHeight
        })
      }
    })

    let bannerres: any = await getBannerList();
    this.setData({ bannerList: bannerres.data.data })

    let prores: any = await getProList({});
    this.setData({ proList: prores.data.data })

  },
  async onReachBottom() {
    console.log("滚动到了底部");
    let prores: any = await getProList({
      count: this.data.count
    });
    if (prores.data.data.length === 0) {
      wx.showToast({
        title: '没有更多数据了',
        icon: 'none'
      })
    } else {
      this.setData({
        count: this.data.count + 1,
        proList: [...this.data.proList, ...prores.data.data]
      })
    }
  },
  async onPullDownRefresh() {
    console.log("顶部下拉刷新了");
    let prores: any = await getProList({
      count: 2
    });
    this.setData({
      count: 1,
      proList: prores.data.data
    })
    wx.stopPullDownRefresh() // 停止刷新效果
  },
  onPageScroll({ scrollTop }: { scrollTop: number }) {
    this.setData({
      scrollTop: scrollTop
    })
  },
  backtop() {
    wx.pageScrollTo({
      scrollTop: 0,
      duration: 300
    })
  }
})